.json-grid {
    font-size: 12px;
    position: relative;
    overflow: hidden;
}
.json-grid td, .json-grid th {
    white-space: nowrap;
    overflow: hidden;
}
.grid-title {
    /*font-size: 1em;*/
    background: transparent url(images/wbg.gif) repeat-x top;
    padding: 6px;

}
.grid-buttons {
    background: #fafafa url(images/bg.gif) repeat-x top;
    position: relative;			
    border: 1px solid #ccc;
    overflow: hidden;
}
.grid-button {
    /*background-color: #123456;*/
    cursor:pointer;
    float: left;
    display: block;
    padding: 3px 6px;
    margin: 5px;
}
.grid-table, .col-drag {
    position: relative;
}
.grid-box {
    overflow: scroll;
}
.grid-row-selected {
    background-color: #456;
    color: #FFF;
}
.col-resize {
    position: absolute;
    border-left: 1px solid #CCC;
    border-right: 1px solid #FFF;
    left: 0px;
    top: 0px;
    cursor: col-resize;
    display: none;
}
.grid-foot {
    border: 1px solid #CCC;
}
.grid-foot div {
    float: left;
    margin: 5px;
}
.page-first, .page-last, .page-prev, .page-next, .page-reload {
    height: 19px;
    width: 19px;
}
.page-first {
    background: transparent url(images/first.gif) no-repeat scroll center center;
}
.page-last {
    background: transparent url(images/last.gif) no-repeat scroll center center;
}
.page-prev {
    background: transparent url(images/prev.gif) no-repeat scroll center center;
}
.page-next {
    background: transparent url(images/next.gif) no-repeat scroll center center;
}
.page-reload {
    background: transparent url(images/load.gif) no-repeat scroll center center;
}
div.button-separator {
    border-left: 1px solid #CCC;
    border-right: 1px solid #FFF;
    height: 22px;
    margin: 1px; 
}
